<template>
<div>
    <h3>弹窗组件测试</h3>
    <dialog width="50%" :visible="dialogVisible" @update="handleClose">

        <div slot="header">
            <h2>自定义标题</h2>
        </div>
        <div slot="body">
            中间内容
        </div>
        <div slot="footer">
            <el-button @click="dialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
        </div>
    </dialog>
</div>
</template>
<script>
import dialog from "@/components/dialog";
export default {
  name: "Fz",
  props: [],
  data() {
    return {
        dialogVisible:false
    };
  },
  created() {
    //钩子函数实例创建之后
  },
  methods: {
    //方法

  },
  components: {
    //注册子组件
    dialog
  },
  watch: {
    //监听
  }
};
</script>
<style lang="scss" scoped>
</style>